<template>
	<view>
		<ym-navbar title="加注返券" :immersive="true"></ym-navbar>
		<view class="body">
			<image class="bg1 fadeIn" src="http://img.etubang.com/group1/M00/00/49/rBCky1-2DnyAXPpIAAU-d4iovSA094.png" mode="widthFix"></image>
			<image class="text1" src="../static/wxImage/text-jzfq.png" mode="widthFix"></image>
			<image class="text2" src="../static/wxImage/text-tbyj.png" mode="widthFix"></image>
			<view class="tip">
				<view>加注返券说明：</view>
				<view>1、本券加注完成后满足领取条件即可获取</view>
				<view>2、本券仅在车用尿素加注设备微信支付时，抵扣现金使用</view>
				<view>3、本券使用范围请在优惠券中可用加注站点查看</view>
				<view>4、本活动最终解释权归上海诗途企业管理服务有限公司</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
page {
	background: #1971ff;
}

.body {
	.bg1 {
		position: absolute;
		width: 100vw;
		height: 580rpx;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		will-change: transform;
	}
	.text1 {
		position: absolute;
		top: 180rpx;
		left: 50%;
		width: 590rpx;
		height: 100rpx;
		transform: translateX(-50%);
	}

	.text2 {
		position: absolute;
		top: 340rpx;
		left: 50%;
		width: 160rpx;
		height: 48rpx;
		transform: translateX(-50%);
	}

	.tip {
		position: absolute;
		top: 960rpx;
		left: 40rpx;
		view {
			color: #ffffff;
			font-size: 26rpx;
			line-height: 2;
			opacity: 0.84;
		}
		> view:nth-child(1) {
			font-size: 32rpx;
			font-weight: bold;
			margin-bottom: 20rpx;
		}
	}
}
</style>
